<!doctype html>
<!-- 页面设计已注册版权，部分或全部盗用，一经发现将由【正途知识产权代理（上海）有限公司】律师团队依法维权，特此公告； -->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{$theme['title']}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}css/reset.css">
<link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}css/style_new.css?v=146">
<link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}css/other_new.css?v=112">
    <link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}woniu2020/woniucss.css?v=22">
    <link rel="stylesheet" type="text/css" href="{$_G['URL']['APP_CSS']}dsdialog.css">
    <script src="{$_G['URL']['YX2020_CSS']}js/page.js?v=10"></script>
    <script src="{$_G['URL']['YX2020_CSS']}js/jquery.js"></script>
    <script src="{$_G['URL']['YX2020_CSS']}js/jquery.SuperSlide.2.1.js"></script>
    <script src="{$_G['URL']['YX2020_CSS']}js/md5.js?v=1"></script>
    {if $config['weixinh5']==2}
    <script src="{$_G['URL']['YX2020_CSS']}js/vconsole.min.js"></script>
    <script> var vConsole = new VConsole(); </script>
    {/if}
    <script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}yx2020/ping.js?v=13"></script>
    <script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}yx2020/duihua.js?v=16"></script>
    <script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}yx2020/swiper.js?v=38"></script>
<style type="text/css">
  @font-face{
       font-family: 'font1'; 
       src: url('/static/DIN-Medium.otf');
  }
  .ds_dialog_inner {
    border-top: 1px solid {$config['formcolorhead']};
  }
  .ds_dialog_title {
      background: {$config['formcolortop']};
      border-bottom: 1px solid {$config['formcolortop']};
  }
  .ds_dialog_buttons .ds_dialog_yes {
      background: {$config['formcolortop']};
      border-color: {$config['formcolortop']};
      box-shadow: inset 0 1px 0 {$config['formcolortop']};
      text-shadow: 0 -1px 0 {$config['formcolortop']};
  }
  .ds_dialog_buttons .ds_dialog_yes:hover{ background:{$config['formcolorhead']};}
  .ds_dialog_buttons .ds_dialog_yes:active{ border-color:{$config['formcolortop']}; background: {$config['formcolortop']};}

  .ds_dialog_buttons button {
    border: 1px solid {$config['formcolortop']};
  }
  .ds_dialog_buttons button:focus {
      box-shadow: 0 0 5px {$config['formcolorhead']};
  }

  .setBtn a.dh3 {
      background-image: linear-gradient({$config['formcolorhead']}, {$config['formcolortop']});
  }

  .setBtn a.dh1 {
      background-image: linear-gradient({$config['formcolorhead']}, {$config['formcolortop']});
  }

  .setBtn a {
      color: {$config['formcolorrighttext']};
  }
  .orderList {
    background: {$config['formcolorcenter']};
  }
  .orderNum h2 span {
    color: {$config['formcolorhead']};
  }
  .kfTitle {
    background: {$config['formcolortop']};
  }
  {if $config['shopstype'] !== 4 }
  .inforTit {
      background: {$config['formcolortop']};
  }
  #inforBox .suer {
      background: {$config['formcolortop']};
  }

  .sharTit {background: {$config['formcolortop']};}
  .teamTitle {
      background: {$config['formcolortop']};
  }
  .orderTit{ 
    box-sizing:border-box;
  }
  .lxftime{
    height: 41px;
  }

  {/if}
}
</style>

</head>
<body class="woniu_greenBox">
<div class="dmbox">
  <div id="get_danmu" {if $config['isdanmu']==1}style="position: absolute;"{/if}></div>
</div>


<div class="woniu_bannerTop" style="background: url({php echo tomedia($config['headlogo']);}) center top no-repeat;background-size: 100% auto; "> <img src="{$_G['URL']['YX2020_CSS']}woniu2020/bannerTag.png" class="woniu_bannerTag"><img src="{$_G['URL']['YX2020_CSS']}woniu2020/sharequan.png" class="shareTag"> </div>

{if $config['istime']!=10 || $config['iswttouxiang']!=10 || $config['is_show_liulan']!=1 || $config['is_show_baoming']!=1}
<div class="woniu_ordertimepeo">
    <div class="woniu_timeBar">
        <div class="woniu_yomibox woniu_mobile_color" data="{php echo date('Y-m-d H:i:s',$theme['endtime']);}"></div>
    </div>
    <div class="woniu_peoList">
        <div class="woniu_content woniu_baoming_head">
            <div class="woniu_content">
                <ul class="woniu_content" id="get_clone">
                    {loop $fanslist $item}
                    <li><img src="{$item['avatar']}"><br>
                        {$item['username']}</li>
                    {/loop}

                </ul>
            </div>
        </div>
    </div>
    <div class="woniu_peoNumber"><img src="{$_G['URL']['YX2020_CSS']}woniu2020/eye.png">浏览 <span>{$scannum}</span>人<i>|</i><img src="{$_G['URL']['YX2020_CSS']}woniu2020/share.png">转发 <span>{$forward}</span> 次</div>
</div>
{/if}

{if !empty($config['renshu'])}
<div id="jdBox"></div>
{/if}

<div id="searchBox"></div>

<div id="pin"></div>

{if ($system['qrlist']==1 && !empty($themyrecord['qrimg']) && !empty($config['qrlistimgs'])) }
<div class="content baixian">
  {loop $config['qrlistimgs'] $item}
    <img class='lazy' style='width:100%' src='{php echo tomedia($item);}' />
  {/loop}
  <div style="width: 100%; text-align: center;">
    <img class='lazy' style='width:70%; margin:0 auto;' src='{$themyrecord['qrimg']}' />
  </div>
</div>
{/if}

{if empty($themyrecordid) && $config['isrecent']>=1}
<div id="isrecent"></div>
{/if}

{if $config['iscomm']==1  && $system['fenxiao07']==1}
{include file='yxpdd/yaoyiyao'}
{/if}

{if $config['iscommshow']==1}
<div id="phb"></div>
{/if}
<div class="content baixian" id="centerimgs"></div>
<div class="woniu_linghtBox" style="background:url({$config['imgs'][0]}) center no-repeat; background-size:100% auto;">
<!--    <img src="{$_G['URL']['YX2020_CSS']}woniu2020/lighttag.png" class="woniu_lightTag animated zoomIn">-->
    <img src="{$_G['URL']['YX2020_CSS']}woniu2020/light.png" class="woniu_lightTit">
    <span class="jt"></span>
</div>
<img src="{$_G['URL']['YX2020_CSS']}woniu2020/8tit.png" id="startBtn">
<div class="woniu_lightList">
    <ul id = 'woniu_lightList'>
    </ul>
</div>
<!--点亮-->
<div id="light"></div>
<div  class="woniu_openlight" style="background:url({$config['imgs'][1]}) center no-repeat; background-size:100% auto;">
    <img src="{$_G['URL']['YX2020_CSS']}woniu2020/bling.png" class="woniu_blingbang">

    <div id="woniu_openlightBtn" ><a href="" class="woniu_openlightBtn"></a></div>
    <div class="woniu_openPeo">
        <ul id="get_clone2">
        </ul>
    </div>
</div>

{if $config['iscommshow']==2}
<div id="phb"></div>
{/if}
{if $system['is_multiple_merchants'] && $config['showshop']==0}

<div class="content baixian">
    {if !empty($myshop)}
        {if !empty($myshop['url'])}
              <a href="{$myshop['url']}"><img class="lazy" src="{php echo tomedia($myshop['imgs']);}" /></a>
        {else}
          {if !empty($myshop['imgs']) && !empty($myshop['content'])}
              <a href="/{php echo createMobileUrl('viewshop', array('themeid'=>$themeid,'id'=>$myshop['id'],'show'=>'jianhua'));}"><img class="lazy" src="{php echo tomedia($myshop['imgs']);}" /></a>
          {elseif !empty($myshop['imgs'])}
              <img class="lazy" src="{php echo tomedia($myshop['imgs']);}" />
          {/if}
        {/if}
    {/if}
    {loop $shoplist $row}
      {if !empty($row['imgs'])}
      {$row['name']}
        {if !empty($row['url'])}
              <a href="{$row['url']}"><img class="lazy" src="{php echo tomedia($row['imgs']);}" /></a>
        {else}
          {if !empty($row['imgs']) && !empty($row['content'])}
              <a href="/{php echo createMobileUrl('viewshop', array('themeid'=>$themeid,'id'=>$row['id'],'show'=>'jianhua'));}"><img class="lazy" src="{php echo tomedia($row['imgs']);}" /></a>
          {elseif !empty($row['imgs'])}
              <img class="lazy" src="{php echo tomedia($row['imgs']);}" />
          {/if}
        {/if}
      {/if}
    {/loop}
</div>
{/if}
<div class="content baixian" id="content"></div>
<div class="woniu_footer">
    <span class="woniu_fc"></span>
    <img src="{php echo tomedia($theme['addimg']);}">
</div>
{if $config['iscommshow']==3}
<div id="phb"></div>
{/if}

{if $config['tuanrank'] > 0}
{include file='base/tuanrank'}
{/if}

{if $config['fansrank'] > 0}
{include file='base/fansrank'}
{/if}

{if $theme['yixuanbanquan'] != '1'}
<div class="copyRight">
<a style="font-size:12px; color: #333333; " href="{php echo empty($theme['USERURL'])?$system['s']['yixuanurl']:$theme['USERURL'];}">{php echo empty($theme['USERJISHU'])?$system['s']['yixuanjishu']:html_entity_decode($theme['USERJISHU'], ENT_QUOTES);}</a>
</div>
{/if}

{if $config['isdanmu']>0}
{include file='yx2020/danmu'}
{/if} 

<div id="fixleft"></div>
<div id="teamAlt"></div>
{if $fans['status']!=2 || $system['s']['isbutton']!=1}
<div id="footmenu"></div>
{/if}
<div class="h110"></div>

<div id="audio_btn" class="">
    <div id="yinfu" class="rotate"></div>
</div>
<audio loop src="{php echo tomedia($config['musicsrc']);}" id="bgaudio"></audio>

{if $config['shopstype'] == 4 }
<div class="altBox">
 <span class="closeBtn" onclick="closescreen()"></span>
<div class="altTit"> 请选择{$config['shops']}（<span class="numBer">{$guding}</span>/{php echo count($config['options'])+$guding;}）</div>
<div class="choseBox">
  {if $guding>0}
  {loop $config['gudingoptions'] $row}
    <li>{$row}(必选)</li>
  {/loop}
  {/if}
  {loop $config['options'] $row}
    <span>{$row}</span>
  {/loop}
</div>
<i class="checkBtn" onclick="NextBtn()"> 下一步 </i> </div>
{/if}

<div id="screen" onclick="closescreen()">
    <span class="closeAz"></span>
</div>

<div id="tipsdiv" class="com-dialog com-dialog-toast showing hiding">
        <div class="toast" id="tipstext"></div>
</div> 

<div id="mcover5" onclick="document.getElementById('mcover5').style.display='';">
<img src="{php echo $_G['URL']['APP_IMAGE']."fenxiao07.png";}" /></div>
{if $config['iscomm']==1 && $config['ishbicon']==0}
{if ($system['fenxiao01'] >0 || $system['fenxiao04'] ==1 || $system['fenxiao05'] ==1 || $system['fenxiao07'] ==1)}
  <a class=" jlink" style="font-size: 20px;text-align: center; color: #fff;"  href="{php echo $_G['siteroot'].createMobileUrl('mycomm',array('themeid'=>$themeid));}">
    <a class=" jlink" style="font-size: 20px;text-align: center; color: #fff;"  href=>
        {if $config['fenxiaourl']==1 || $config['hbopenfee1']>0}
            <a {if $config['hborderfee2']>0} style="bottom: 2.5rem"{else}style="bottom: 1.6rem"{/if} class="fudfai_right letgofenxiao" href="{php echo $fans['status']!=2?$_G['siteroot'].createMobileUrl('mycomm',array('themeid'=>$themeid)):'';}">
        {else}
            <a class="fudfai_right letgofenxiao" href='javascript:;' {if $fans['status']!=2} onclick="letgofenxiao()"{/if}>
        {/if}

        {if $config['hbopenfee1']>0}
            <img id="fudai1" src="{if empty($config['hbtip'])}{$_G['URL']['YX2020_CSS']}images/mybag.png{else}{$config['hbtip']}{/if}" alt="">
        {else}
            <img id="fudai1" class="get_shake" src="{if empty($config['hbtip'])}{$_G['URL']['APP_IMAGE']}hongbao.png{else}{$config['hbtip']}{/if}" alt="">
        {/if}
        </a>
{/if}
{/if}

{if $config['isicon']==3}
  <div id="icontips" class="icontips">
      <span class="closeBtn" onclick="closescreen()"></span>

      {if $fans['status']!=2}
      <div id="friendsuccess_id" class="sharTit">
          请长按图片，选择保存到手机
      </div>
      {/if}
      <img id="friendsuccess_tip">
      <div class="sharTit" style="font-size: 0.36rem;{if !empty($themyrecord)}display: none{/if}">
          我 也 要 参 加
      </div>
  </div>

  <!--提示确认弹窗-->
  <div class="sureAlt">
      <h2>提示</h2>
      <div id="altText" class="altText">提示内容</div>
      <div class="altButtonbox">
          {if empty($themyrecord)}
          <a href="javascript:location.reload();" id="okbtn">OK</a>
          <a href="javascript:;" onclick="show_info(1)" class="suerBtn">我也参加</a>
          {else}
          <a href="javascript:location.reload();" id="okbtn" style="width: 100%">OK</a>
          {/if}
      </div>

  </div>

<style type="text/css">
  #mcover7 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 100002; }
  #mcover7 img {position: fixed; right: 18px; top: 5px; width: 260px !important; height: 180px !important; z-index: 100002; }
</style>
<div id="mcover7" onclick="document.getElementById('mcover7').style.display='';">
  <img src="{if empty($config['gifttip'])}{$_G['URL']['APP_IMAGE']}fenxiao14.png{else}{php echo tomedia($config['gifttip']);}{/if}" /></div>
{/if}

{if $config['iscomm']==1}
{if ($system['fenxiao01'] >0 || $system['fenxiao04'] ==1 || $system['fenxiao05'] ==1  || $system['fenxiao07'] ==1)}

<div id="mcover2" onclick="document.getElementById('mcover2').style.display='';">
<img src="{$fenxiaotip}" /></div>
{/if}
{/if} 

<script>
{if $config['isicon']>0 && ($config['iconziliao']==0 || $config['iconziliao']==2) }
  function save_shareinfo(){

        var status = $('#status').val();
        if(status == "0"){            
          ds.dialog({
            title : '&#25805;&#20316;&#25552;&#31034;',
            content : '&#27963;&#21160;&#23578;&#26410;&#24320;&#22987;&#21734;',
            yesText : '&#30830;&#23450;',
              timeout :2.5,
          });
          return false;
        }
        if(status == "2"){              
          ds.dialog({
            title : '&#25805;&#20316;&#25552;&#31034;',
            content : '&#27963;&#21160;&#24050;&#32463;&#32467;&#26463;&#21862;',
            yesText : '&#30830;&#23450;',
              timeout :2.5,
          });
          return false;
        }

        var username = $('#username_share').val();
        var mobile = $("#mobile_share").val();
        if(username.length == 0){
          ds.dialog({
            title : '&#25805;&#20316;&#25552;&#31034;',
            content : '&#35831;&#36755;&#20837;{$config['nametext']}',
            yesText : '&#30830;&#23450;',
              timeout :2.5,
          });
          return false;
        }
        if(mobile.length != 11){
          ds.dialog({
            title : '&#25805;&#20316;&#25552;&#31034;',
            content : '&#35831;&#36755;&#20837;&#49;&#49;&#20301;{$config['mobiletext']}',
            yesText : '&#30830;&#23450;',
              timeout :2.5,
          });
          return false;
        }
        closescreen();
        $.ajax({
              type:'POST',
              dataType : "json",
              data:{username : username,mobile:mobile},
              url:'{php echo $_G['siteroot'].createMobileUrl("saveinfo",array("op"=>"ready","themeid"=>$themeid,"recordid"=>$recordid,"workerid"=>$workerid,"fromuid"=>$fromuid,"fopenid"=>$fopenid));}',
                  success: function(data) {
                    data = data.message;
                    if(data.errcode == 110){
                      tips2('信息提交成功',window.location.href);
                      return false;
                   }else{
                     alert(data.msg);
                   }
              },
              error: function() {
                alert('错误');
              }
          });
  }
{/if}
</script>

{if $config['shopstype'] == 4 }
<script type="text/javascript">
  function NextBtn() {
    var num = $('.altBox .choseBox .on').length+{$guding};
    if(num<{$config['shopsmin']}){
      tips('最少选择{$config['shopsmin']}项！');
    }else{
      $('.altBox').animate({'bottom':'-100%'},500);
      $('#inforBox').animate({'bottom':0},500);
    }
  }


  $('.altBox span').click(function(){
    if($(this).hasClass('on')){
      $(this).removeClass('on');
      var nun2 = $('.altBox .on').length+{$guding};
      $('.numBer').html(nun2);
    }else{
      var num = $('.altBox .on').length+1+{$guding};
      if(num>{$config['shopsmax']}){
        tips('最多只能选择{$config['shopsmax']}项！');
      }else{
        $(this).addClass('on');
        var nun = $('.altBox .on').length+{$guding};
        $('.numBer').html(nun);
      }
      
    }
  })
</script>
{/if}

<script type="text/javascript">

          //倒计时JS
          (function($){
              $.fn.yomi=function(){
                  var data="";
                  var enddata = "";
                  var _DOM=null;
                  var TIMER;
                  createdom =function(dom){
                      _DOM=dom;
                      data=$(dom).attr("data");
                      enddata=$(dom).attr("end_data");
                      data = data.replace(/-/g,"/");
                      data = Math.round((new Date(data)).getTime()/1000);
                      $(_DOM).append("<ul class='woniu_yomi'><li class='woniu_yomiday'></li><li class='woniu_split split_yomiday'>天</li><span class='woniu_daytime'><li class='woniu_yomihour'></li><li class='woniu_split'>:</li><li class='woniu_yomimin'></li><li class='woniu_split'>:</li><li class='woniu_yomisec'></li></span></ul>")
                      reflash();
                      return TIMER;

                  };
                  reflash=function(){
                      var	range  	= data-Math.round((new Date()).getTime()/1000);
                      if(range <=0){
                          getchange();
                          range = data-Math.round((new Date()).getTime()/1000);
                      }
                      if(range <=0){
                          clearInterval(TIMER);
                          $('.woniu_dalin_time').hide();
                          $(".woniu_allend_timer").show();
                      }
                      var			secday = 86400, sechour = 3600,
                          days 	= parseInt(range/secday),
                          hours	= parseInt((range%secday)/sechour),
                          min		= parseInt(((range%secday)%sechour)/60),
                          sec		= ((range%secday)%sechour)%60;
                      if (days<0){days =0;}
                      if (hours<0){hours =0;}
                      if (min<0){min =0;}
                      if (sec<0){sec =0;}
                      $(_DOM).find(".woniu_yomiday").html(nol(days));
                      $(_DOM).find(".woniu_yomihour").html(nol(hours));
                      $(_DOM).find(".woniu_yomimin").html(nol(min));
                      $(_DOM).find(".woniu_yomisec").html(nol(sec));

                  };

                  getchange = function(){
                      if (enddata != undefined){
                          enddata = enddata.replace(/-/g,"/");
                          data = Math.round((new Date(enddata)).getTime()/1000);
                          $(".woniu_timenow").hide();
                          $(".woniu_timeover").show();
                      }
                  };

                  TIMER = setInterval( reflash,1000 );
                  nol = function(h){
                      return h>9?h:'0'+h;
                  }
                  this.each(function(){
                      var $box = $(this);
                      createdom($box);
                  });
              }
          })(jQuery);
          $(function(){
              $(".woniu_yomibox").each(function(){
                  $(this).yomi();
              });
          });
      </script>

      <script type="text/javascript">

          var url = '/{php echo createMobileUrl("getconfig",array("helpuid"=>$friendlistuid,"themeid"=>$themeid,"fromuid"=>$fromuid,"fopenid"=>$fopenid,"workerid"=>$workerid,"recordid"=>$recordid,"t"=>TIMESTAMP));}';
          dogetconfig(url);
          var postData = {
                  record:{php echo empty($showrecord)?0:$showrecord['id'];},
              neednum:{php echo empty($nowgroupneednum)?0:$nowgroupneednum;},
              myid:{php echo empty($themyrecordid)?0:$themyrecordid;},
              mytype:{php echo empty($themyrecord['type'])?0:$themyrecord['type'];},
              helpuid:{php echo empty($friendlistuid)?0:$friendlistuid;},
              workerid:'{php echo empty($workerid)?'':$workerid;}'
          };
          var url = '/{php echo createMobileUrl("getbaseyx2020",array("themeid"=>$themeid,"recordid"=>$recordid,"fromuid"=>$fromuid,"fopenid"=>$fopenid,"workerid"=>$workerid,"username"=>$_P['username'],"mobile"=>$_P['mobile'],"t"=>TIMESTAMP));}';
          getyx2020(postData,url);

              function show_info(keyid){
                  var forward = '{php echo $fans['nickname']=='微信用户' || $fans['nickname']=='新用户'?\app\model\Fans::get_login_url($system,$theme):'';}';
                  // var forward = '{$forward}';
                  if (forward){
                      window.location.href=forward;
                      return ;
                  }
                  closescreen();
                  $('.teamAlt').animate({'bottom':'-100%'},500);
                  {if $config['shopstype'] == 4 }
                  $('.altBox').animate({'bottom':'0'},500);
                  {else}
                  $('#inforBox').animate({'bottom':'0'},500);
                  {/if}
                      {if $nowgroupneednum!=0 || $config['tuanmode']==1}
                      show_info_new(keyid,2);
                      {else}
                      show_info_new(keyid,1);
                      {/if}
                      }

                      $(function(){
                          var num = $('.setBtn a').length;
                          console.log(num);
                          if(num==2){
                              $('.setBtn a').css('width','50%');
                          }
                          if(num==1){
                              $('.setBtn a').css('width','100%');
                          }
                          var nux = $('.fixBottom>a').length;
                          if(nux==1){
                              $('.setBtn').css('width','6.65rem');
                          }
                      })

                      //背景音乐控制按钮JS
                      $(function(){
                          var videosr = $('#bgaudio');
                          $("#audio_btn").click(function(){
                              if ($(this).hasClass('off')) {
                                  videosr[0].play();
                                  $(this).removeClass('off');
                                  $("#yinfu").addClass("rotate");
                              } else {
                                  videosr[0].pause();
                                  $(this).addClass('off');
                                  $("#yinfu").removeClass("rotate");
                              };
                          })
                      });
                      document.addEventListener("WeixinJSBridgeReady", function () {
                          document.getElementById('bgaudio').play();
                      }, false);


      </script>
{include file='yx2020/wxpay'}